import { isPC } from '../../assets/js/commonality'
import img1 from '../../assets/images/1-1mohu.jpg'
import img2 from '../../assets/images/1-2mohu.jpg'
import img3 from '../../assets/images/1-3mohu.jpg'
import touxiang1 from '../../assets/images/touxiang1.jpg'
import Music from '../../assets/music/Yosemite.mp3'
import touxiang from '../../assets/images/touxiang.jpg'
import image1 from '../../assets/images/5-1.png'
import image2 from '../../assets/images/5-2.png'
import image3 from '../../assets/images/5-3.png'
import qq from '../../assets/images/qq.jpg'
import weixin from '../../assets/images/weixin.jpg'

export default {
  isPC: isPC(),
  navList: {
    titleList: [
      {
        name: '首页',
        font: 'icon-RectangleCopy2'
      },
      {
        name: '关于我',
        font: 'icon-RectangleCopy'
      },
      {
        name: '技能掌握',
        font: 'icon-RectangleCopy5'
      },
      {
        name: '我的经历',
        font: 'icon-RectangleCopy4'
      },
      {
        name: '作品集',
        font: 'icon-RectangleCopy3'
      },
      {
        name: '联系我',
        font: 'icon-RectangleCopy1'
      }
    ]
  },
  home: {
    title: 'Hello, I’m TianXianLiang',
    des: '人生如一本书，应该多一些精彩的细节，少一些乏味的字眼。',
    name: '我叫田先亮',
    info: '一名前端工程师'
  },
  banner: [
    img1,
    img2,
    img3
  ],
  music: {
    name: '田先亮简历',
    musicMp3: Music,
    touxiang: touxiang,
    iconKaiShi: 'icon-kaishi',
    iconJieSu: 'icon-zantingtingzhi'
  },
  skills: [
    {
      name: 'HTML,CSS',
      proficiency: '80%'
    },
    {
      name: 'Jquery,Bootstrap',
      proficiency: '70%'
    },
    {
      name: 'JavaScript,VUE',
      proficiency: '65%'
    },
    {
      name: 'NodeJs,Express',
      proficiency: '50%'
    },
    {
      name: 'Git,Webpack',
      proficiency: '40%'
    }
  ],
  about: {
    title: '关于我',
    img: touxiang1,
    p1: '我叫田先亮,20岁,坐标赣州,是一名前端工程师。在刚开始接触前端时就对前端产生了浓厚的兴趣,给我很大的信心来学习。',
    p2: '和设计师一样细腻,和程序员一样严谨;游走在设计师和工程师之间,游刃于用户体验和技术实现之间,斡旋在用户利益和商业利益之间'
  },
  // skill
  greats: ['HTML5', 'CSS3', 'javaScript', 'jquery', 'bootstrap', 'vue', 'es6', 'less'],
  smalls: ['nodejs', 'git', 'webpack'],
  desc: [
    '熟练各种Web前端技术,包括HTML、CSS、JavaScript、jQuery、AJAX、JSON、Vue等。',
    '使用移动端的rem布局,响应式布局,解决不同移动端设备的适配和兼容问题。',
    '熟悉bootstrap、Jquery类库、Vue进行pc端、移动端项目快速开发。',
    '熟练使用github进行代码管理，使用git版本管理工具。',
    '熟悉原生JS,熟悉JavaScript的面向对象编程，了解作用域以及闭包的原理。',
    '熟练使用Chrome 、Firefox等主流浏览器的开发人员工具调试页面。',
    'vue框架对模块化开发有着一定的理解。',
    '了解node.js，利用其搭建简单的服务器。'
  ],
  bgColor1: [
    'rgba(135, 37, 284, .8)',
    'rgba(235, 137, 84, .8)',
    'rgba(235, 37, 184, .8)',
    'rgba(211, 232, 14, .8)',
    'rgba(185, 155, 111, .8)',
    'rgba(26, 181, 31, .8)',
    'rgba(159, 84, 168, .8)',
    'rgba(59, 48, 72, .8)'
  ],
  bgColor2: [
    'rgba(93, 26, 59, .8)',
    'rgba(52, 61, 174, .8)',
    'rgba(122, 188, 229, .8)'
  ],
  // experiences
  experiences: [
    {
      date: {
        dateStart: '2018/03',
        dateEnd: '2020/06'
      },
      container: {
        name: '郑州大学',
        major: '大学',
        info: '计算机网络'
      }
    },
    {
      date: {
        dateStart: '2015/09',
        dateEnd: '2018/01'
      },
      container: {
        name: '赣州技师学院',
        major: '中专',
        info: '三好学生'
      }
    }
  ],
  // works
  works: [
    {
      title: '个人简历',
      to: '/resume',
      des: '个人简历是本网站另一个版本个人简历，此版本更加简洁,便于查看，仍在不断更新，欢迎大家查看',
      image: image1
    },
    {
      title: '小米商城首页高仿',
      to: '/app',
      des: '小米商城网站首页开发，应用vue搭建了一个小米商城首页高仿',
      image: image2
    },
    {
      title: '卖座网',
      url: 'https://frosty-roentgen-5aced1.netlify.com/',
      des: '卖座网网站开发，纯静态网页，应用html、css搭建了一个卖座网网站',
      image: image3
    }
  ],
  // contact me
  title: [
    {
      color: 'red',
      name: '灵感'
    },
    {
      color: '#3cf',
      name: '代码'
    },
    {
      color: '#6c0',
      name: '梦想'
    },
    {
      color: '#f63',
      name: '未来'
    }
  ],
  text: [
    '注重效率，偏爱敏捷开发',
    '喜欢尝试，期待新鲜事物',
    '前端即兴趣，兴趣即未来',
    '行路有良友，便是捷径',
    '带上我吧，一起看到更大的世界'
  ],
  icon: [
    {
      href: 'javascript:;',
      img: weixin,
      class: 'weixin'
    },
    {
      href: 'javascript:;',
      img: qq,
      class: 'QQ'
    },
    {
      href: 'https://gitee.com/tianxianliang',
      img: '',
      class: 'mayun'
    }
  ]
}
